$(function () {
  // 点击 去注册
  $('#link-reg').on('click', function () {
    // 隐藏登录
    $('.login-box').hide();
    // 显示注册
    $('.reg-box').show();
  })

  // 点击 去登录
  $('#link-login').on('click', function () {
    // 隐藏注册
    $('.reg-box').hide();
    // 显示登录
    $('.login-box').show();
  })

  // 使用 layui.form.verify() 函数自定义验证规则
  layui.form.verify({
    uname: [/^[a-zA-Z0-9]{1,10}$/, '用户名必须是1-10位的字母和数字'],
    pwd: [/^\S{6,15}$/, '密码必须是6-15位的非空字符'],
    // 判断两次密码是否一致
    repwd: function (value) {
      let pwd = $('.reg-box [name="password"]').val()
      if (value != pwd) {
        return '两次密码不一致'
      }
    }
  })

  // 注册功能实现
  $('.reg-box form').on('submit', function (e) {
    e.preventDefault()
    axios.post('/api/reg', $(this).serialize()).then(({ data: res }) => {
      if (res.code == 0) {
        layer.msg(res.message, { icon: 6 })
        $('#link-login').click()
      } else {
        layer.msg(res.message, { icon: 2 })
      }
    })
  })

  // 登录功能实现
  $('.login-box form').on('submit', function (e) {
    e.preventDefault()
    axios.post('/api/login', $(this).serialize()).then(({ data: res }) => {
      if (res.code === 0) {
        layer.msg('登录成功')
        // 将token保存到本地存储中
        localStorage.setItem('token', res.token)
        location.href = '/index.html'
      } else {
        localStorage.removeItem('token')
        layer.msg('登录失败')
      }
    })
  })
})